import styles from './index.module.less'
import cm from 'classnames'

const Index = (props) => {
  const { fill = '#aaaaaa', className, type = '' } = props
  return (
    <svg
      xmlns="http://www.w3.org/2000/svg"
      fill="none"
      version="1.1"
      width="14"
      height="14"
      className={cm(type === 'tooltip' ? styles.svgTools : '', className)}
      viewBox="0 0 14 14"
    >
      <g>
        <path
          fill={fill}
          d="M7,0C10.866,0,14,3.13401,14,7C14,10.866,10.866,14,7,14C3.13401,14,0,10.866,0,7C0,3.13401,3.13401,0,7,0ZM7,1.188C3.83214,1.24677,1.29482,3.8316,1.29482,7C1.29482,10.1684,3.83214,12.7532,7,12.812C10.1679,12.7532,12.7052,10.1684,12.7052,7C12.7052,3.8316,10.1679,1.24677,7,1.188ZM7,9.812C7.34518,9.812,7.625,10.0918,7.625,10.437C7.625,10.7822,7.34518,11.062,7,11.062C6.65482,11.062,6.375,10.7822,6.375,10.437C6.375,10.0918,6.65482,9.812,7,9.812ZM7,3.312C7.656,3.312,8.275,3.537,8.744,3.948C9.231,4.375,9.5,4.948,9.498,5.563C9.498,6.466,8.903,7.278,7.981,7.633C7.6914,7.74484,7.49977,8.02256,7.498,8.333L7.498,8.687C7.49856,8.75642,7.44243,8.813,7.373,8.813L6.623,8.813C6.55357,8.813,6.49745,8.75643,6.498,8.687L6.498,8.352C6.48914,7.61957,6.93839,6.95947,7.623,6.699C8.156,6.494,8.5,6.049,8.5,5.563C8.5,4.873,7.827,4.313,7,4.313C6.173,4.313,5.5,4.873,5.5,5.563L5.5,5.681C5.5,5.75004,5.44404,5.806,5.375,5.806L4.625,5.806C4.55596,5.806,4.5,5.75004,4.5,5.681L4.5,5.562C4.5,4.948,4.769,4.375,5.256,3.948C5.74141,3.53239,6.361,3.30679,7,3.313L7,3.312Z"
          fillOpacity="1"
        />
      </g>
    </svg>
  )
}

export default Index
